<ion-view view-title="My Orders">
  <ion-content style="background: #f7f7f7">
    <div style="background: #fff;float: left;width: 100%">
      <ul>
        <li>
          <div style="float: left;vertical-align: middle">Order #3000000185<br>
          order Data: <span class="greyfont">August22,2016</span>
          </div>
          <div style="border-radius: 4px;text-align: center;margin-top: 7px;float: right;width: 30%;height: 29px;line-height: 29px;border:1px solid #65c178;vertical-align: middle;color: #65c178">
            Order Details
          </div>

        </li>
        <li>Delivery Time: <span class="greyfont">9am-10am Aug 23,2016,Tus</span> </li>
        <li>
          <div style="float: left">Order Status</div>
          <div style="float: right;color: #65c178">
            <i class="icon ion-ios-arrow-right" style="font-size: 23px;"></i>
          </div>
          <div style="float: right;color: #65c178;margin-right: 5px;">In Progress</div>
        </li>
        <li>
          <div class="greyfont" style="float: right">Grand total: <span style="color: #65c178;font-weight: 900">
            $10.76
          </span> </div>
          <div class="greyfont" style="float: right;margin-right: 9px">
            3 items in total
          </div>
        </li>
      </ul>
    </div>


    <div style="background: #fff;float: left;width: 100%;margin-top: 20px;">
      <ul>
        <li>
          <div style="float: left;vertical-align: middle">Order #3000000185<br>
            order Data: <span class="greyfont">August22,2016</span>
          </div>
          <div style="border-radius: 4px;text-align: center;margin-top: 7px;float: right;width: 30%;height: 29px;line-height: 29px;border:1px solid #65c178;vertical-align: middle;color: #65c178">
            Order Details
          </div>

        </li>
        <li>Delivery Time: <span class="greyfont">9am-10am Aug 23,2016,Tus</span> </li>
        <li>
          <div style="float: left">Order Status</div>
          <div style="float: right;color: #65c178">
            <i class="icon ion-ios-arrow-right" style="font-size: 23px;"></i>
          </div>
          <div style="float: right;color: #65c178;margin-right: 5px;">In Progress</div>
        </li>
        <li>
          <div class="greyfont" style="float: right">Grand total: <span style="color: #65c178;font-weight: 900">
            $10.76
          </span> </div>
          <div class="greyfont" style="float: right;margin-right: 9px">
            3 items in total
          </div>
        </li>
      </ul>
    </div>


    <div style="background: #fff;float: left;width: 100%;margin-top: 20px">
      <ul>
        <li>
          <div style="float: left;vertical-align: middle">Order #3000000185<br>
            order Data: <span class="greyfont">August22,2016</span>
          </div>
          <div style="border-radius: 4px;text-align: center;margin-top: 7px;float: right;width: 30%;height: 29px;line-height: 29px;border:1px solid #65c178;vertical-align: middle;color: #65c178">
            Order Details
          </div>

        </li>
        <li>Delivery Time: <span class="greyfont">9am-10am Aug 23,2016,Tus</span> </li>
        <li>
          <div style="float: left">Order Status</div>
          <div style="float: right;color: #65c178">
            <i class="icon ion-ios-arrow-right" style="font-size: 23px;"></i>
          </div>
          <div style="float: right;color: #65c178;margin-right: 5px;">In Progress</div>
        </li>
        <li>
          <div class="greyfont" style="float: right">Grand total: <span style="color: #65c178;font-weight: 900">
            $10.76
          </span> </div>
          <div class="greyfont" style="float: right;margin-right: 9px">
            3 items in total
          </div>
        </li>
      </ul>
    </div>



    <style type="text/css">
      li{width: 94%;margin-left: 3%;padding: 10px 0 10px 0;background: #fff;border-bottom: 1px solid #f7f7f7;float: left;color: #4d4d4d}
      .myorders-blank{width: 100%;height: 20px;background: #f7f7f7}
      .greyfont{color: #b5b5b5}

    </style>

  </ion-content>
</ion-view>
